<template>
  <div>
    {{count}} &nbsp;&nbsp; {{calcCount}}
    <br />
    {{list}} &nbsp;&nbsp; {{calcList}}
  </div>
</template>

<script setup>
  import {ref, computed} from 'vue'
  const count= ref(2);
  const calcCount = computed(()=>{
    return count.value * 2
  })
  const list = ref([1,2,3,4])
  const calcList = computed(()=>{
    return list.value.filter(x=>x>1);
  })
</script>

<style scoped>

</style>
